<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>MZ Analyst Alpha 0.0</title>
    <link href="reset.css" rel="stylesheet">
    <link href="bootstrap.min.css" rel="stylesheet">
    <link href="main.css" rel="stylesheet">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script type="text/javascript" src="respond.min.js"></script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body class="bg-color-darkbluegreen">

    <!-- START NAVBAR -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#"><img class="logo" src="mza-logo-white-small-2.gif"/></a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active">
                <a href="#">Home</a>
              </li>
              <li>
                <a href="#about">About</a>
              </li>
              <li>
                <a href="#contact">Contact</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- END NAVBAR -->

    <!-- START CONTAINER -->
    <div class="container">
      <div class="internal-container" style="top:90px;">
        <div class="bg-color-darkbluegreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-orange" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-lightgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-paleyellow" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-turqoise" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-greenishdarkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkestgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-wetsand" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkwetsand" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-lightblue" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-pastellightblue" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-cream" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkcream" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>

        <div style="clear:left;"><hr/></div>

        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-darkcream" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-cream" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-pastellightblue" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-greenishdarkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkestgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>

        <div style="clear:left;"><hr/></div>

        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-darkcream" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-cream" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-pastellightblue" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;color:white;">Aa</p>
        </div>
        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;color:#ccc;">Aa</p>
        </div>
        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;color:#aaa;">Aa</p>
        </div>
        <div class="bg-color-darkgray" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;color:#888;">Aa</p>
        </div>

        <div style="clear:left;"><hr/></div>

        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-darkcream" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-cream" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p class="color-pastellightblue" style="position:absolute;font-size:3em;bottom:20%;left:20%;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;color:white;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;color:#ccc;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;color:#aaa;">Aa</p>
        </div>
        <div class="bg-color-darkgreen" style="float:left;position:relative;width:100px;height:100px;margin:5px;border:1px solid black;">
          <p style="position:absolute;font-size:3em;bottom:20%;left:20%;color:#888;">Aa</p>
        </div>
      </div>
    </div>
    <!-- END CONTAINER -->

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type="text/javascript" src="bootstrap.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </body>
</html>